*{margin:0; padding:0;}
body
{
    font-family: "Arial", "Helvetica", sans-serif;
    font-size: 13px;
}
#wrapper
{ 
    width: 100%;
    height: 100%;    
    margin: 0 auto;
}
#container
{
	width: 900px;
    margin:0 auto;
	height:1200px;
	position:relative;
	background:#FFF;
}
#container .b_tl
{
    width:8px; height:8px;
    position:absolute;
    top: -8px;
    left: -8px;
    background: url(../img/box/tl.png)  top left no-repeat;
}

#container .b_tr
{
    width:8px; height:8px;
    position:absolute;
    top: -8px;
    right: -8px;
    background: url(../img/box/tr.png)  top right no-repeat;
}

#container .b_bl
{
    width:8px; height:8px;
    position:absolute;
    bottom: -8px;
    left: -8px;
    background: url(../img/box/bl.png)  bottom left no-repeat;
}

#container .b_br
{
    width:8px; height:8px;
    position:absolute;
    bottom: -8px;
    right: -8px;
    background: url(../img/box/br.png)  bottom right no-repeat;
}
#container .b_b
{
    bottom: -8px;
    height: 8px;
    left: 0px;
    right: 0px;
    position: absolute;
    background: url(../img/box/b.png)  bottom right repeat-x;
}
#container .b_t
{
    top: -8px;
    height: 8px;
    left: 0px;
    right: 0px;
    position: absolute;
    background: url(../img/box/t.png)  top right repeat-x;
}
#container .b_r
{
    bottom: 0px;
    top: 0px;
    right: -8px;
    position: absolute;
    width: 8px;
    background: url(../img/box/r.png) top right repeat-y;
}
#container .b_l
{
    bottom: 0px;
    top: 0px;
    position: absolute;
    left: -8px;
    width: 8px;
    background: url(../img/box/l.png) top right repeat-y;
}
#container .user_doc
{
    top: 0px;
    right: 0px;
    height:28px;
    display:block;
    position: absolute;
    font-weight: bold;
    font-size: 12px;
    color:#FFFFFF;
    word-spacing: 2px;
}
#container .user_doc a
{
    color:#FFFFFF;
    text-decoration: none;
}
#container .user_doc a:hover
{
    color:yellow;
    text-decoration:underline;
    
}
#container .user_doc table 
{
    
    table-layout:fixed;
    border: none; 
    height: 24px;
  
}
#container .user_doc .left_bg
{
   
   width: 39px;
   background: url(../img/r_doc.gif) top left no-repeat;
    
    
}
#container .user_doc .right_bg
{
   
   
    background: url(../img/doc_cont.gif) top left repeat-x;
    
    
}
#container .banner
{
    top: 0px;
    height:100px;
    width:100%;
    margin:0px;
    display:block;
    background-image: url(../img/banner.jpg);
    
}
#container .topMenu
{
    height:50px;
    width:100%;
    display:block;
    top:0px;
    background:#00C;
}
#container .inside
{
    width:100%;
    float: left;
    
}

/*Top menu*/
#container .topMenu
{
    height:65px;
    width:100%;
    background: #eaf2f5;
    border-bottom: 1px solid silver;
}
#container .topMenu ul 
{
    list-style: none;
}

ul#topnav 
{
    float: left;
    width: 100%;
    position: relative;
    font-size: 15px;
    font-weight: bold;
    height: 35px;
    background: #e99765 url(../img/top-nav.jpg) repeat-x;
    behavior: url(whateverhover.htc);

}

ul#topnav li  
{
    float: left;
    height: 35px;
    padding: 0px;
    background: transparent url(../img/top-nav_boder.jpg) right center no-repeat
}

ul#topnav li a 
{
    padding: 10px 15px;
    display: block;
    color: #f0f0f0;
    text-decoration: none;
}

ul#topnav li:hover 
{
    background: #b21a1a url(images/bottom-nav.jpg) repeat-x;
}

ul#topnav li ul.children {
    float: left;
    height: 35px;
    line-height: 35px;
    padding: 0px;
    position: absolute;
    left: 0px; top: 35px;
    display: none;
    width: 900px;
    -moz-border-radius: 0px 0px 5px 5px;
    -khtml-border-radius: 0px 0px 5px 5px;
    -webkit-border-radius: 0px 0px 5px 5px;
}

ul#topnav li ul.children li 
{
    border: none;
    background-image: none;
    font-size: 11px;
    
}

ul#topnav li:hover ul 
{
    display: block;
}

ul#topnav li ul a 
{
    display: inline;
     color: black;
}

ul#topnav li ul a:hover 
{
    text-decoration: underline;
}

ul#topnav li ul li:hover 
{
    background: none;
}
/*End top menu*/


.lienhe {
	position: absolute;
	height: 110px;
	width: 100%;
	top: 1090px;
	background-color: #09C;
     -moz-border-radius: 0px 0px 5px 5px;
    -khtml-border-radius: 0px 0px 5px 5px;
    -webkit-border-radius: 0px 0px 5px 5px;
}
.unamepass {
	position: absolute;
	height: 69px;
	width: 100px;
	left: 23px;
	top: 110px;
	background-color: #90BB07;
}

.menu {
	position: absolute;
	height: 770px;
	width: 150px;
	right: 0;
	top: 165px;
	background-color: #FED001;
}
/*Table alt*/
table
{
     border: 1px solid #d5dcde; 
       
}
table.tablecolors
{
    /*border-collapse:collapse;*/
    width: 100%;
    /*border: 1px solid #d5dcde;*/
    border-left: 1px solid #D3D3D3;
     
}
table.tablecolors tr td
{
    padding: 8px 6px;
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    border-right-style:dotted;
    border-bottom-style:dotted;
    
}

table.tablecolors tr th a
{
    padding: 8px 6px;
    font-size: 13px;
    line-height: 24px;
    text-decoration: none;
    color: #5a5b5b;
        
    
}
table.tablecolors tr th
{
    
    border-right:1px solid #D3D3D3;
    border-bottom:1px solid silver;
    background: #e4eef3 url(../img/col_title.gif) repeat-x;
    height: 25px; 
    
}


.stt
{
    
    width: 25px;
    text-align: center;
    background: #e4eef3 url(../img/col_title.gif) repeat-x;
   /* background: #F0F0F0;*/
     
    
}
table.tablecolors .even
{
    background-color: #FFF;
}
table.tablecolors .odd
{
    background-color: #FFF;
}
table.tablecolors .hovcolor
{
    background-color: #e4eef3;
    /*color:#0080C0;*/
    cursor:pointer;
    
}
table.tablecolors .highlightcolor
{
    background-color: #FFFFD9;
    color:red;
}
/*End table alt*/
#content-box
{
   padding: 10px;
   margin: 0 auto;
   width: 77%;
   float: left;
    
}
#col_right{
    
    width: 20%;
    height: 910px;
    float: left;
    border: 1px solid #CCCCCC;
    margin: 10px auto;
}
#content-box h3
{
    background: #6d84b4;
    color: white;
    text-align: left;
    padding: 5px;
   
}
.paging
{
    text-align: right;
    padding: 10px;
}
table#login
{
    border: 1px solid #DBDBDB;
    width: 350px;
    background: white;
}
table#login h3
{
    background: #6d84b4;
    color: white;
    text-align: left;
    padding: 5px;
   
} 
table#login b 
{
    display: inline;
    padding: 10px;
}   
 
 
#form_buttons
{
   background: #F8F8F8;
    padding: 5px;
    text-align: center;
    border: 1px solid #cccccc;
    border-top: none;
}
#form_buttons  button
{
    margin-left: 5px;
   
    font-weight: bold;
    border: 1px solid  #D1D1D1;
    font-size: 100%;
    padding: 3px 3px 3px 20px;
    font-size: 12px;
}
#form_buttons  button:hover
{
   font-style: italic;
}
.btnsave
{
  color: #529214;
  background:#EEEEEE url(../img/check.png) 5px center no-repeat;
}
.btnreset
{
  color:#FF0013;
  background:#EEEEEE url(../img/reset.png) 5px center no-repeat;
}
div.submit input
{
    background: #80a3d3;
    color: white;
    font-weight: bold;
    border: 1px solid white;
    padding: 2px;
    font-size: 12px;
}
form .required input {
	
    background: url(../img/required.gif) right top no-repeat;
}

div.submit
{
    background: #E9E9E9;
    padding: 3px;
    text-align: center;
    border: 1px solid #cccccc;
    border-top: none;
}




div.buttons  button
{
    background: #80a3d3;
    color: white;
    font-weight: bold;
    border: 1px solid white;
    padding: 2px;
    font-size: 12px;
}
div.buttons
{
    background: #EFEFEF;
    padding: 3px;
    text-align: left;
    border: 1px solid #cccccc;
    border-bottom: none;
    border-top: none;
    
}
div.buttons a
{
    text-decoration: none;
    font-size: 13px;
    line-height: 22px;
    padding-left: 20px;
    color: #004000;
}

.add_icon
{
   background: url(../img/add.png) left center no-repeat;
}
a.view_icon
{
    width: auto;
   text-indent:-5000px; 
   display:block;
   background: url(../img/view.png) center center no-repeat; 
}
a.del_icon
{
    width: auto;
   text-indent:-5000px; 
   display:block;
   background: url(../img/del.png) center center no-repeat; 
  
}
a.edit_icon
{
   width: auto;
   text-indent:-5000px; 
   display:block;
   background: url(../img/edit.png) center center no-repeat; 
}



table.tableview
{
    
   width: 100%;
   border: 1px solid #cccccc;
   background: #FFF;
   /*text-align: right;*/
   font-weight: bold;
     
}

table.tableview tr td
{
    padding: 5px;
    border-bottom: 1px solid #cccccc;
    border-bottom-style:dotted;
    
}
.title_col
{
    background: #FBFBFB;
    border-right: 1px solid #cccccc;
    border-right-style:dotted;
    text-align: right;        
    
}
table.tableview input
{
    
   float: left;
   height: 20px;
   width: 200px;
   border: 1px solid #a4b2c3;
   display: block;
   
}
/*End .tableview*/

table.tableform
{
    
   width: 100%;
   border: 1px solid #cccccc;
   background: #F8F8F8;
   text-align: right;
   font-weight: bold;
     
}

table.tableform tr td
{
    padding: 5px;
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    border-right-style:dotted;
    border-bottom-style:dotted;
    
}
table.tableform input
{
    
   float: left;
   height: 20px;
   width: 200px;
   border: 1px solid #a4b2c3;
   display: block;
   
}
div.error-message {
	clear: both;
	color: #FF8080;
	font-weight: bold;
    text-align: left;
}




table.tableform select
{
    
   float: left;
   height: 20px;
   width: 200px;
   border: 1px solid #a4b2c3;
   
}
table.tableform textarea
{
    
   float: left;
   height: 80px;
   width: 200px;
   border: 1px solid #a4b2c3;
   
}



/*table.tableform picker
{
    
   float: right;
   height: 200px;
   width:  200px;
   border: 1px solid #a4b2c3;
   
}*/

div.input div.checkbox {
    float: left;
    width: 15%;
}

div.input div.radio {
    float: left;
    width: 10%;
}

h2 {
	background:#fff;
	color: red;
	font-size: 120%;
}
